.main {
  background: @gray;
  color: @color;
}

.header {
  width: @w;
  padding: @p10;
  margin: @m_auto;
  .j_between
}

.logo {
  .logo
}

.header_content div{
    .pr;
    padding: @p_c;
    cursor: pointer;
}
.header_content div::after{
    content: '';
    .pa;
    right:0;
    top: 25%;
    width:0;
    height: 60%;
    border-right: @border;
}
.header_content div:last-child::after{
    border-right: 0;
}

.dengchu{
  position: absolute !important;
  top:calc(100% + 10px);
  left: 0;
  height: 0;
  line-height: 40px;
  text-align: center;
  width: 100%;
  background: @white;
  overflow: hidden;
  .transition
}
.denglu:hover .dengchu{
  height: 40px;
  border: @border;
  border-top: 0;
}
.appewm{
  position: absolute !important;
  top:calc(100% + 10px);
  left: calc(50% - 50px);
  width: 120px;
  height: 0;
  background: @white;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  .transition
}
.appewm img{
  width: 100px;
  height: 100px;
}
.app:hover .appewm{
  height: 120px;
  border: @border;
  border-top: 0;
}
.qrcodes{
  position: relative;
}
#qrCode{
  position: absolute;
  height: 0;
  padding: 0 10px;
  top: 28px;
  left: calc(50% - 60px);
  border: @bors;
  border-top: 0;
  border: 1px solid transparent;
  .transition;
  overflow: hidden;
}
.qrcodes:hover #qrCode{
  height: 120px; 
  border: @bors;
  border-top: 0;
  padding: 10px;
}